<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String ctx = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + ctx + "/";
%>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>管理员</title>
    <link rel="stylesheet" href="/css/admin.css">
</head>

<body>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <header>
        <div class="logo">
            logo
        </div>
        <h2>二手交易平台</h2>
        <div class="mess">
            <ul>
                <li>消息(1)</li>
                <li>交易系统</li>
            </ul>
        </div>
    </header>
    <div class="content">
        <div class="con-l">
            <div class="con-ll">
                <div class="tx"><img src="/images/头像.jpg" style=" height: 100%;"></div>
                <div class="name">姓名：<p>木木</p>
                </div>
                <div class="mail">邮箱：<p>174123453@qq.com</p>
                </div>
            </div>
            <div id="tab">
                <ul>
                    <li class="fli">个人信息</li>
                    <li>物品审核</li>
                    <li>商品管理</li>
                    <li>订单查看</li>
                    <li>用户管理</li>
                    <li>分类管理</li>
                    <li>投诉管理</li>
                    <li><a href="index.html">退出</a> </li>
                </ul>
            </div>
        </div>
        <div class="con-r">
            <div id="tabs">
                <div class="tabs1">
                    <h5>个人资料</h5>
                    <button>上传新头像</button>
                    <form action="">
                        <p>ID
                            &emsp;<input typpe="text" name="" id="" placeholder="ID">
                        </p>
                        <p>姓名
                            <input type="email" name="" id="" placeholder="姓名">
                        </p>
                        <p>密码
                            <input type="password" placeholder="密码">
                        </p>
                    </form>
                    <p class="xiugai">更新我的资料</p>
                </div>
                <div>
                    <h5>审核商品</h5>
                    <table border="1px" cellspacing="0px" style="border-collapse:collapse; width: 90%;
                    margin: 30px;">
                        <tr class="mul">
                            <td style="width: 13%;">用户</td>
                            <td style="width: 16%;">发布于</td>
                            <td style="width: 12%;">物品名</td>
                            <td style="width: 16%;">商品简介</td>
                            <td style="width: 10%;">价格</td>
                            <td style="width: 7%;">详情</td>
                            <td style="width: 10%;">操作</td>
                        </tr>
                        <tr class="det">
                            <td>张三</td>
                            <td>200/01/1</td>
                            <td>数学笔记本</td>
                            <td>初高中数学笔记学习资料</td>
                            <td>59</td>
                            <td style="font-size: 12px;"
                                onclick="document.getElementById('part').style.display='block'">【详情】</td>
                            <td><button>通过</button></td>
                        </tr>
                    </table>
                    <span id="part">
                        <img src="/img/u58.svg">
                        <button onclick="document.getElementById('part').style.display='none'"><img
                                src="/img/edit.png"></button>
                        <h3>全新凯迪威007时尚有线鼠标</h3>
                        <li>￥: <p>39</p>
                        </li>
                        <i>四川 成都</i>
                    </span>
                </div>
                <div>
                    <h5>管理商品</h5>
                    <table border="1px" cellspacing="0px" style="border-collapse:collapse; width: 90%;
                    margin: 30px;">
                        <tr class="mul">
                            <td style="width: 13%;">用户</td>
                            <td style="width: 16%;">发布于</td>
                            <td style="width: 12%;">物品名</td>
                            <td style="width: 16%;">商品简介</td>
                            <td style="width: 10%;">价格</td>
                            <td style="width: 7%;">详情</td>
                            <td style="width: 10%;">操作</td>
                        </tr>
                        <tr class="det">
                            <td>张三</td>
                            <td>200/01/1</td>
                            <td>数学笔记本</td>
                            <td>初高中数学笔记学习资料</td>
                            <td>59</td>
                            <td style="font-size: 12px;"
                                onclick="document.getElementById('part1').style.display='block'">【详情】</td>
                            <td><button>删除</button></td>
                        </tr>
                    </table>
                    <span id="part1">
                        <img src="/img/u58.svg">
                        <button onclick="document.getElementById('part1').style.display='none'"><img
                                src="/img/edit.png"></button>
                        <h3>全新凯迪威007时尚有线鼠标</h3>
                        <li>￥: <p>39</p>
                        </li>
                        <i>四川 成都</i>
                    </span>
                </div>
                <div>
                    <h5>订单查看</h5>
                    <table border="1px" cellspacing="0px" style="border-collapse:collapse; width: 90%;
                    margin: 30px;">
                        <tr class="mul">
                            <td style="width: 13%;">用户</td>
                            <td style="width: 16%;">发布于</td>
                            <td style="width: 12%;">物品名</td>
                            <td style="width: 16%;">商品简介</td>
                            <td style="width: 10%;">价格</td>
                            <td style="width: 7%;">详情</td>
                        </tr>
                        <tr class="det">
                            <td>张三</td>
                            <td>200/01/1</td>
                            <td>数学笔记本</td>
                            <td>初高中数学笔记学习资料</td>
                            <td>59</td>
                            <td style="font-size: 12px;"
                                onclick="document.getElementById('part2').style.display='block'">【详情】</td>
                        </tr>
                    </table>
                    <span id="part2">
                        <button onclick="document.getElementById('part2').style.display='none'"><img
                                src="/img/edit.png"></button>
                        <img src="/img/u58.svg">
                        <ul>
                            <li>名称：<p>耳机</p>
                            </li>
                            <li>成色：<p>成色</p>
                            </li>
                            <li>发布人：<p>张三</p>
                            </li>
                            <li>发布时间：<p>2021/12/31</p>
                            </li>
                            <li>地址：<p>四川 成都</p>
                            </li>
                        </ul>
                    </span>
                </div>
                <div>
                    <h5>管理用户</h5>
                    <table border="1px" cellspacing="0px" style="border-collapse:collapse; width: 90%;
                    margin: 30px;">
                        <tr class="mul">
                            <td style="width: 13%;">用户名</td>
                            <td style="width: 16%;">邮箱</td>
                            <td style="width: 12%;">电话</td>
                            <td style="width: 12%;">注册时间</td>
                            <td style="width: 17%;">收货地址</td>
                            <td style="width: 10%;">操作</td>
                        </tr>
                        <tr class="det">
                            <td>张三</td>
                            <td>183748379@qq.com</td>
                            <td>18784746364</td>
                            <td>2021/12/31</td>
                            <td>四川省成都市成都职业技术学校</td>
                            <td><button>封号</button></td>
                        </tr>
                    </table>
                </div>
                <div>
                    <h5>分类管理</h5>
                    <button onclick="document.getElementById('part-zj').style.display='block'">新增</button>
                    <table border="1px" cellspacing="0px" style="border-collapse:collapse; width: 90%;
                    margin: 30px;">
                        <tr class="mul">
                            <td style="width: 20%;">类别编号</td>
                            <td style="width: 22%;">类别名称</td>
                            <td style="width: 22%;">创建时间</td>
                            <td style="width: 25%;">操作</td>
                        </tr>
                        <tr class="det">
                            <td>001</td>
                            <td>数码产品</td>
                            <td>2021/12/31</td>
                            <td><button>修改</button>&emsp;&emsp;<button>删除</button></td>
                        </tr>
                        <span id="part-zj">
                            <button onclick="document.getElementById('part-zj').style.display='none'"><img
                                    src="/img/edit.png"></button>
                            <form action="/demo/demo_form.asp">
                                <p>类别编号</p>
                                <input type="text">
                                <p>类别名称</p>
                                <input type="text">
                                <p>新增时间</p>
                                <input type="date" style="width: 140px;">
                            </form>
                            <box class="add">添加</box>
                        </span>
                    </table>
                </div>
                <div>
                    <h5>投诉管理</h5>
                    <table border="1px" cellspacing="0px" style="border-collapse:collapse; width: 90%;
                    margin: 30px;">
                        <tr class="mul">
                            <td style="width: 15%;">订单编号</td>
                            <td style="width: 15%;">投诉编号</td>
                            <td style="width: 12%;">投诉时间</td>
                            <td style="width: 12%;">投诉人</td>
                            <td style="width: 25%;">投诉原因</td>
                            <td style="width: 22%;">投诉状态</td>
                        </tr>
                        <tr class="det">
                            <td>001</td>
                            <td>1234</td>
                            <td>2021/12/31</td>
                            <td>战三</td>
                            <td>该有的没有  不该有的全有</td>
                            <td>
                                <select>
                                    <option value="wsh">未审核</option>
                                    <option value="tgsh">通过审核</option>
                                    <option value="wthsh">未通过审核</option>
                                    <option value="ymc">已卖出</option>
                                    <option value="yxj">已下架</option>
                                </select>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
</body>
<style>
    select{
        width: 80px;
        height: 23px;
        border-radius: 2px;
        font-size: 12px;
        }
</style>

<script>
    var tabb = document.getElementById("tab").getElementsByTagName("li");
    var divs = document.getElementById("tabs").getElementsByTagName("div");

    for (var i = 0; i < tabb.length; i++) {
        tabb[i].onclick = function () { change(this); }
    }

    function change(obj) {
        for (var i = 0; i < tabb.length; i++) {
            if (tabb[i] == obj) {
                tabb[i].className = "fli";
                divs[i].className = "tabs1";
            } else {
                tabb[i].className = "";
                divs[i].className = "";
            }
        }
    }
</script>

</html>